<template>
  <div class="dialog">
    <!-- 接收标题 ，有名字叫具名插槽-->
    <slot name="title"><h3>hahhahahahah</h3></slot>
    <hr />
    <!-- 接收对话框内容 -->
    <slot name="content" bookname="一千零一夜" uname="阿部"></slot>
    <hr />
    <!-- 接收按钮 -->
    <!-- 没有指定名字的插槽，默认值是default，默认插槽 -->
    <slot name="default"><button>按钮</button></slot>
  </div>
</template>
<script>
export default {};
</script>
<style>
.dialog {
  border: solid 3px black;
  border-radius: 5px;
  padding: 10px;
  margin: 10px;
  box-shadow: 5px 5px 5px 5px;
}
</style>